/**
 * Created by Administrator on 2018/5/27 0027.
 */
import React, { Component } from 'react';
import {
	Platform,
	StyleSheet,
	Text,
	View,
	Button,
	Alert
} from 'react-native';
import HttpUtils from '../common/HttpUtils'

export default class FetchTest extends Component {
	constructor(props){
		super(props);
		this.state={
			result:''
		}
	}
	onLoad(url){
		// fetch(url)
		// 	.then(response=>response.json())
		// 	.then(result=>{
		// 		this.setState({
		// 			result: JSON.stringify(result)
		// 		})
		// 	})
		// 	.catch(error=>{
		// 		this.setState({
		// 			result: JSON.stringify(error)
		// 		})
		// 	})
		HttpUtils.get(url)
			.then(result=>{
				this.setState({
					result: JSON.stringify(result)
				})
			})
			.catch(error=>{
				this.setState({
					result: JSON.stringify(error)
				})
			})
	}
	onSubmit(url,data){
		// fetch(url,{
		// 	method: 'POST',
		// 	header: {
		// 		'Accept': 'application/json',
		// 		'Content-Type': 'application/json'
		// 	},
		// 	body: JSON.stringify(data)
		// })
		// 	.then(response=>response.json())
		// 	.then(result=>{
		// 		this.setState({
		// 			result: JSON.stringify(result)
		// 		})
		// 	})
		// 	.catch(error=>{
		// 		this.setState({
		// 			result: JSON.stringify(error)
		// 		})
		// 	})
		HttpUtils.post(url, data)
			.then(result=>{
				this.setState({
					result: JSON.stringify(result)
				})
			})
			.catch(error=>{
				this.setState({
					result: JSON.stringify(error)
				})
			})
	}
	render(){
		const {navigation} = this.props;
		return (
			<View>
				<Button
					title ="获取数据"
					onPress={()=>{
						this.onLoad("http://rap.taobao.org/mockjsdata/11793/test")
					}}
				/>
				<Button
					title ="提交数据"
					onPress={()=>{
						this.onSubmit("http://rap.taobao.org/mockjsdata/11793/submit",{userName:'小明', passWord:'123456'})
					}}
				/>
				<Text>返回结果:{this.state.result}</Text>
			</View>
		)
	}
}